<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>SIGEN - Sistema de Gerenciamento de Ensino Nacional</title>
		<script type="text/javascript" src="tela/atividadeturma/criarAtividadeTurma.js" ></script>
		<link rel="stylesheet" type="text/css" href="tela/atividadeturma/criarAtividadeTurma.css" ></link>
	</head>
	<body>

	<div class="ui-widget-content painel" >

			<!-- FORMULARIO -->
			<div id="subtitulo"><h3 class="ui-widget-header">Atribuição de atividades das turmas</h3></div>
			<div id="formWrapper" class="centered">
				<form id="cadastro" class="bbq" action="#" onSubmit="return false;" method="post">
				<div id="step_visualization"></div>
				<fieldset class="step" id="atividades">
					<legend style="border: 0px;">Docentes e suas atividades</legend>
					<ul class="controls">
					  <li><label>Solicitação:</label><select name="solicitacao[id]" id="solicitacao" class="field" style="width: 100px;"></select></li>
					  <li>
					  	<label>Docente:</label>
					  	<select name="docente[id]" id="docente" class="field" style="width: 320px;"></select>
					  </li>
					  <li>
					  	<label>Atividade a desempenhar:</label>
						<select id="atividadeCurso" name="atividadeCurso" class="field">
							<option value="null" >---Escolha---</option>
							<option value="Docente" >Docente</option>
							<option value="Monitor" >Supervisão</option>
							<option value="Coordenacao" >Coordenação</option>
							<option value="Supervisao" >Supervisão</option>
							<option value="Palestrante" >Coordenação</option>
						</select>
					  </li>
					  <li>
					  	<label>Disciplina:</label>
					  	<select name="disciplina[id]" id="disciplina" class="field" style="width: 280px;"></select>
					  </li>
					  <li><label>Turmas:</label><select name="turma[id]" id="turma" class="field" style="width: 280px;"></select>
						   <a id="adicionarTurmasBtn"  href="#">Adicionar</a>
					  </li>
					  <li>
						  <table cellspacing="0" class="display" cellpadding="0" border="0" id="dataGridTurmas"></table>
					  </li>				   
		        	</ul>
		 		</fieldset>
		 		<div id="navigation"> 							
					<input class="navigation_button " id="back"  value="Voltar" type="reset" />
					<input class="navigation_button " id="next"  value="Próximo" type="submit" />
				</div>
				</form>
			</div>
	</div>
	
	<!-- MODAL POPUP -->
	<div id="modalPopup" title=" ">
		<span id="dialogMessage" ></span>
	</div>
	
	</body>
</html>
	
